/*reset*/
html,body{width:100%;min-height: 100%;overflow-x: hidden}
html,body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,div,img,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption{margin:0;padding:0;border:0;}
body{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(255,255,255,0);font-family: '微軟正黑體','微软雅黑', 'sans-serif'}
a{text-decoration:none;outline:0;}
ol,ul{list-style:none}
blockquote,q{quotes:none}
.clear{ clear:both; line-height:0px; height:0; overflow:hidden;}
blockquote::before,blockquote::after,q::before,q::after{content:none}
ins{text-decoration:none}del{text-decoration:line-through}
button,input,select,textarea{font-family:inherit;font-size:100%;vertical-align:middle;outline: none}
textarea{resize:none;overflow:auto;vertical-align:top}
[hidden]{display:none}
a,a:hover, a:visited, a:link, a:active {color: inherit}
table{border-collapse:collapse;border-spacing:0}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}
.clearfix{zoom:1}
img {border:0;max-width: 100%;height: auto;width: auto\9; /* ie8 */ vertical-align:middle;}
i{font-style: normal;}
::-webkit-scrollbar {width: 6px;}
::-webkit-scrollbar-thumb {background-color: #c1c1c1;}
::-webkit-scrollbar-track {background-color: #f7f7f7;}

@font-face {
    font-family: 'iconfont';
    src: url('iconfont.eot');
    src: url('iconfont.eot?#iefix') format('embedded-opentype'),
    url('iconfont.woff2') format('woff2'),
    url('iconfont.woff') format('woff'),
    url('iconfont.ttf') format('truetype'),
    url('iconfont.svg#iconfont') format('svg');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'go';
    src: url('GOTHIC.eot');
    src: local('fontName Regular'),
    local('fontName'),
    url('GOTHIC.woff') format('woff'),
    url('GOTHIC.ttf') format('truetype'),
    url('GOTHIC.svg#fontName') format('svg');
}


.syno-t-l { width:100%; display: block; height:3vw; color:#ec1c00; font-size:30px; font-weight:bolder;}

.syno-t-c { width:100%; display: inline; height:10vw; font-size:18px; line-height:46px;}

.sycq { width:100%; height:auto; padding-bottom:2vw; padding-top:}

.sycq1 { width:1200px; height:500px; padding-bottom:10vw; margin:0vw auto; display:block; padding-left:50px;}

.sycqimg { width:526px; height:275px; float:left; margin:1.5vw;}

.sycqimg img { width:526px; height:275px; ;}

/*-----------------------------------首页----------------------------------*/
.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 99;display: flex;justify-content: space-between;padding:1.5vw 3vw;box-sizing: border-box;transition: .5s;}
.header-l{width: 300px;padding-top: 15px;display: flex;align-items: flex-start;}
.header-btn{position: relative;z-index: 3;width: 30px;height: 30px;border: 2px solid #e60012;border-radius: 50%;cursor: pointer;transition: .5s;}
.header-btn span{width:60%;height: 2px;position: absolute;top:30%;left:20%;background: #e60012;transition: .5s;}
.header-btn span:nth-child(2){top:50%;width: 50%;}
.header-btn span:nth-child(3){top:70%;width: 40%;}
.header-btn.act span:nth-child(1){transform: rotate(-45deg);top:50%;}
.header-btn.act span:nth-child(2){opacity: 0;}
.header-btn.act span:nth-child(3){transform: rotate(45deg);top:50%;width: 60%;}
.header-search{position: relative;border: 2px solid #e60012;border-radius: 17px;margin-left: 10px;box-sizing: border-box;padding: 0 20px 0 40px;transition: .5s;}
.header-search input{background: none;border: none;display: block;width: 120px;line-height: 30px;height: 30px;padding: 0;font-size: 16px;color: #fff}

.header-search button{position: absolute;top: 0;left: 10px;font-size: 20px;color: #e60012;padding: 0;bottom: 0;background: none;border: none;line-height: 30px;transition: .5s;}


.header-c{position: relative;z-index: 3;}
.header-c .logo1{display: block;}
.header-c .logo2{display: none;}
.header-r{width: 300px;padding-top: 15px;text-align: right;color: #fff;position: relative;z-index: 3;transition: .5s;}
.header-r p{}
.header-r p span{font-size: 28px;display: inline-block;vertical-align: middle;padding-right: 5px;}
.header-r p i{font-size: 16px;display: inline-block;vertical-align: middle;}
.header-r a{font-size: 20px;font-family: "Microsoft YaHei";font-style: italic;}

.header-menus{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100vh;z-index: 2;}
.header-menus-l{float: left;width: 75%;background: rgba(195,0,0,.5);height: 100%;display: flex;align-items: center;}
.header-menus-l ul{padding-top: 9vw;padding-left: 12.5vw;box-sizing: border-box}
.header-menus-l li{color: #fff;padding: 15px 0;}
.header-menus-l li h1{font-size: 22px;}
.header-menus-l li p{font-size: 16px;font-family: "Microsoft YaHei";}

.header-menus-r{float: right;width: 25%;background:rgba(195,0,0,.5);height: 100%;}
.header-menus-bg{position: absolute;right: 0;bottom: 1vw;width: 50%;}


/*向下滚动*/
.header.on{background: #fff}
.header.on .header-c .logo1{display: none;}
.header.on .header-c .logo2{display: block;}
.header.on .header-btn{border-color: #16161b}
.header.on .header-btn span{background: #16161b}
.header.on .header-search{border-color: #16161b}
.header.on .header-search button{color: #16161b;}
.header.on .header-search input{color: #fff;}
.header.on .header-r{color: #16161b}

/*菜单拉开*/
.header.act{background: none;}
.header.act .header-btn{border-color: #fff}
.header.act .header-btn span{background: #fff}
.header.act .header-search{border-color: #fff}
.header.act .header-search button{color: #fff;}
.header.act .header-search input{color: #fff;}
.header.act .header-c .logo1{display: block;}
.header.act .header-c .logo2{display: none;}
.header.act .header-r{color: #fff}


.banner{height: 100vh;position: relative;}
.swiper-banner{height: 100vh;overflow: hidden;}
.swiper-banner .swiper-slide{overflow: hidden;}
.banner-pic{height: 100%;background: no-repeat center;background-size: cover;transition: 7s;transition-delay: 0s}

.swiper-banner .ani-slide .banner-pic{transform: scale(1.1);transition-delay: 0s}



.banner-logo{position: absolute;z-index: 3;left: 50%;top: 50%;transform: translate3d(-50%,-50%,0)}

.banner-ps{position: absolute;left: 3vw;top: 50%;z-index: 3;}
.banner-ps i{color: #fff;font-family: 'Microsoft YaHei';display: block;line-height: 1;}
.banner-ac{font-size: 38px;font-style: italic}
.banner-to{font-size: 20px;}
.banner-pag{position: relative;display: flex;padding: 20px 0;}
.banner-pag span{display: block;opacity: .5;background: #fff;width: 20px;border-radius: 0px;height: 2px;transition: .5s;}
.banner-pag .swiper-pagination-bullet-active{opacity: 1;}

.banner-links{position: absolute;z-index: 3;bottom: 3vw;left: 3vw;display: flex;align-items: center;justify-content: space-between;width: 300px;}
.banner-links a{color: #fff;font-size: 24px;transition: .5s;}
.banner-links a:hover{color: #1f5837}
.banner-links .banner-rm{background: #fff;color: #16161b;font-size: 16px;padding: 5px 10px;border-radius: 5px;transform: skewX(-20deg);display: flex;align-items: center;justify-content: space-between;font-weight: bold;}
.banner-links .banner-rm i{transform: rotate(180deg) skewX(20deg);margin-left: 5px;font-weight: normal;}
@keyframes down {
    0%{bottom:4vw;}
    70%{bottom:5vw;}
    100%{bottom:4vw;}
}
.banner-swd{position: absolute;z-index: 3;bottom: 3vw;left: 50%;margin-left: -50px;animation: down linear infinite 1s;}

.banner-swd img{display: block;width: 100px;}

.banner-btns{position: absolute;right: 3vw;bottom: 3vw;display: inline-flex;align-items: center;z-index: 3;width: 300px;justify-content: space-between;}
.banner-btns div{cursor: pointer;width: 110px;display: flex;align-items: center;justify-content: space-between;line-height: 1;color: #fff;transition: .5s;}
.banner-btns div:hover{color: #1f5837}
.banner-btns div i{font-size: 30px;}
.banner-btns div span{font-family: "Microsoft YaHei";font-size: 22px;}
.banner-btns p{width: 2px;height: 16px;background: #fff}


.syno{position: relative;}
.syno-t{background: url("../images/synobgs.jpg") no-repeat center;background-size: cover;display: flex;box-sizing: border-box;justify-content: space-between;padding: 8.3vw 12.5vw 14.1vw 42vw;}
.syno-t img{display: block;height: 22.4vw;}
.syno-b{box-sizing: border-box;padding: 4.1vw 12.5vw 4.1vw 42vw;}
.syno-b ul{display: flex;justify-content: space-between;}
.syno-b li{}
.syno-b li h1{font-size: 16px;color: #393939;font-weight: normal;}
.syno-b li p{display: flex;align-items: center;padding-top: 10px;}
.syno-b li p span{font-size: 36px;color: #ff0101;font-family: "Microsoft YaHei"}
.syno-b li p i{font-size: 14px;color: #ff0101;width: 50px;height: 30px;line-height: 50px;border-radius: 50%;;text-align: center;font-weight:;margin-left: 5px;}
.syno-kx{position: absolute;left: 2.5vw;bottom: 0;width: 40.5vw;}

.yctips{background: url("../images/yctipsbgs.jpg") no-repeat center;background-size: cover;padding: 10vw 0;display: flex;align-items: center;justify-content: space-between;}
.yctips-l{box-sizing: border-box;padding-left: 12.5vw;}
.yctips-l h1{font-size: 50px;color: #fff;font-weight: normal;line-height: 1.2;}
.yctips-l h1 span{display: block;}
.yctips-l p{font-size: 18px;color: #fff;line-height: 30px;padding: 35px 0;}
.yctips-l p span{display: block;}
/*.yctips-l a{display: block;width: 50px;height: 50px;line-height: 50px;border-radius: 50%;text-align: center;font-size: 22px;color: #fff;background: #2f388f;margin-top: 70px;}*/
.yctips-l a{display: inline-block; margin-top: 40px;}
.yctips-r{width: 50%;position: relative;background: url("../images/yctipsri.png") no-repeat center;background-size: cover;padding: 50px 0;}
.yctips-r img{position: absolute;left: 3vw;top: 50%;margin-top: -17vw;height: 34vw;}
.yctips-r p{padding-left: 14vw;font-size: 26px;color: #d4d7cc}


.pros{display: flex;background: url("../images/prolbgs.jpg") no-repeat top;background-size: cover;}
.pros-l{width: 40%;box-sizing: border-box;padding:11vw 0 5vw 12.5vw;}
.pros-l h1{font-size: 50px;color: #16161b;font-weight: normal;}
.pros-l p{font-size: 18px;color: #16161b;padding: 45px 0;}
.pros-l p span{display: block;}
.pros-l ul{display: flex;}
.pros-l ul li{width: 20px;margin-right:5vw;font-size: 20px;font-weight: bold;}
.pros-l ul li:last-child{margin-right: 0;}
.pros-l ul li a{position: relative;color: #2f388f;display: block;line-height: 1;transition: .3s;}
.pros-l ul li a i{position: relative;z-index: 3;}
.pros-l ul li a:after{content: "";width: 30%;height: 100%;background: #d4d7cc;position: absolute;top: 0;left: 100%;opacity: 0;transition: .3s;}
.pros-l ul li a:hover{color: #16161b}
.pros-l ul li a:hover:after{left: 0;opacity: 1;}


.pros-r{ background: url(../images/prorbgs.png)  center no-repeat; height:50vw; background-size: ;width: 60%;display: flex;align-items: center;justify-content: space-between;padding-right: 3vw;box-sizing: border-box}

.pros-pre,.pros-nex{width: 60px;height: 60px;line-height: 60px;border-radius: 50%;font-size: 25px;border: 1px solid  #d6d9ce;text-align: center;color: #d6d9ce;cursor: pointer;transition: .5s;}
.pros-pre:hover,.pros-nex:hover{color: #2f388f;border-color: #2f388f}
.swiper-pros{width: 80%;overflow: hidden;}
.swiper-pros .swiper-slide{}
.swiper-pros .swiper-slide a{display: block;padding: 20px;box-sizing: border-box;transition: .5s;transform: scale(.9)}
.swiper-pros .swiper-slide-active a{transform: scale(1)}
.pros-pic{height: 415px;/*padding: 2vw 2.5vw;*/box-sizing: border-box;border: 1px solid #d4d7cc;display: flex;align-items: center;justify-content: center;position: relative;}
.pros-pic .pros-img{max-height: 100%;display: block;transition: .5s;}
.swiper-pros .swiper-slide:hover .pros-pic .pros-img{transform: scale(1.1)}
.pros-de{position: absolute;left: -20px;bottom: -20px;background: #1f5837;padding: 20px;text-align: center;}
.pros-de i{font-size: 20px;color: #fff;display: block;margin-top: 30px;}
.pros-info{padding: 30px 40px;box-sizing: border-box}
.pros-info h1{font-size: 22px;color: #16161b;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: .5s;}
.pros-info p{font-size: 16px;color: #2f388f;font-family: "Microsoft YaHei";margin-top: 15px;}
.swiper-pros .swiper-slide:hover .pros-info h1{color: #2f388f}

.popvideo{position: fixed;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);z-index: 99999;padding:10vh 10vw;box-sizing: border-box;display: none;}
.popvideo-close{position: absolute;right: 3vw;top:3vw;width: 40px;height: 40px;border-radius: 50%;border: 2px solid #fff;cursor: pointer}
.popvideo-close span{position: absolute;top:50%;left: 20%;width: 60%;transform: rotate(45deg);height: 2px;background: #fff;}
.popvideo-close span:nth-child(2){transform: rotate(-45deg)}
.popvideo-cont{width: 100%;height: 100%;}
.popvideo-cont video{width: 100%;height: 100%;display: block}

.news {display: block; padding-top: 300px;padding-bottom: 1vw;  background:url(../images/news.jpg) center top no-repeat; background-size:;}

.news ul { width:1160px; height:500px; margin:0px auto;}
.news1 { width:100%; float:left; display:block; text-align:center;}
.news-l{height: 400px;background: url("../images/newsbg.jpg") no-repeat center;background-size: cover;width: 100%; margin:0px auto;}
.news-l-in{top: -100px;background: #1f5837;display: block;justify-content: space-around;width: 100%;padding: 30px 0; margin:0px auto;}
.news-l-in h1{font-size: 40px;color: #fff;font-weight: normal;}
.news-l-in p{font-size: 18px;color: #fff;line-height: 30px;}
.news-r{width: 78%;padding: 1.25vw 6.25vw;box-sizing: border-box; margin:1vw auto; display:block;}

.lxw { width:100%; height:672px; background: url(../images/lxw.jpg) top no-repeat; background-size:cover;}
.lxw1 { width:1100px; height:200px; margin:0px auto; padding-left:100px; padding-top:60px;}
.lxw1 li { width:33%; float:left; list-style-type:none; line-height:36px; font-size:21px; color:#000;}
.lxw1 li span { line-height:50px; color:#cc0606;}
.lxw1 li img { float:left;}


.bot { width:1400px; height:50px; background: #fff; margin:0px auto; font-size:16px; line-height:50px;}
.fl { float:left;}
.fr { float:right;}



.syt { width:100%; height:auto;}
.syt img { width:100%;}




.swiper-wrapper { margin-top:1vh;}


.swiper-news{overflow: hidden;}
.swiper-news .swiper-slide a{display: block;}
.swiper-news .news-date{width: 100px;border-radius: 50%;height: 100px;border: 1px solid #d7dad0;display: flex;justify-content: center;flex-direction: column;color: #16161b;font-family: "Microsoft YaHei";text-align: center;}
.swiper-news .news-date p{font-size: 20px;}
.swiper-news .news-date h1{font-size: 20px;font-weight: normal;}
.swiper-news .news-date h1 span{border-top:1px solid #16161b;padding-top: 5px;display: inline-block;margin-top: 5px;}
.swiper-news .news-name{font-size: 30px;color: #16161b;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;line-height: 40px;height: 80px;text-align: justify;margin-top: 30px;transition: .5s;}
.swiper-news .news-msg{font-size: 16px; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;line-height: 26px;height: 78px;text-align: justify;margin-top: 30px;}

.swiper-news .swiper-slide:hover .news-name{color: #1f5837}


.news-pag{width: 100%;left: 0;bottom: 10px;}
.news-pag .swiper-pagination-bullet{width: 8px;height: 8px;border: 1px solid #d4d7cc;opacity: 1;background: none;margin: 0 5px;}
.news-pag .swiper-pagination-bullet-active{background: #d4d7cc}

.bottom{}
.bottom-t{padding: 85px 6.25vw;box-sizing: border-box;display: flex;justify-content: space-between;background: url("../images/botbgs.jpg") no-repeat center;background-size: cover}
.bottom-t-l{width: 140px;}
.bottom-t-c{}
.bottom-t-c ul{display: flex;justify-content: space-between;width: 820px;}
.bottom-t-c li{width: 20px;font-size: 22px;color: #d4d7cc;font-weight: bold;transition: .5s;}
.bottom-t-c li:hover{color: #1f5837}

.bottom-ewm{display: flex;align-items: center;justify-content: space-between;padding:50px 0 ;}

.bottom-ctact{display: flex;justify-content: space-between;}
.bottom-ctact h1{font-size: 16px;color: #d4d7cc;font-weight: normal;}
.bottom-ctact p{font-size: 18px;color: #fff;font-family: "Microsoft YaHei";padding-top: 20px;}
.bottom-t-r{width: 140px;text-align: center;}
.bottom-t-r img{border-radius: 10px}
.bottom-t-r p{font-size: 14px;color: #a9a9bb;margin-top: 20px;line-height: 2;}
.bottom-b{display: flex;align-items: center;justify-content: space-between;font-size: 16px;color: #16161b;padding: 30px 6.25vw;box-sizing: border-box;}

/*---------------------------------关于友诚--------------------------------*/
.wcont{width: 1440px;margin: 0 auto;}
.nybanner{margin-top: 135px;background: no-repeat center;background-size: cover;}
.b1{padding-top: 105px;}
.mbxdh{font-size: 14px;color: #fff;padding: 25px 0;}
.tytit{}
.tytit h1{font-weight: normal;font-size: 48px;color: #16161b;}
.tytit p{font-size: 16px;color: #16161b;padding-top: 20px;line-height: 1;}
.gyyc{background: url("../images/prolbgs.jpg") no-repeat left top;padding-bottom: 100px;}
.gyyc .wcont{position: relative;}
.gyycfan{position: absolute;right: 0;top: -50px;}
.gyyc-tit{padding-top: 60px;}
.gyycbox{display: flex;justify-content: space-between;margin-top: 90px;}
.gyyc-l{width: 25%;}
.gyyc-r{width: 65%;}
.gyyc-info{font-size: 16px;color: #000000;line-height: 40px;text-align: justify;}

.gyyc-msg ul{display: flex;justify-content: space-around;padding-top: 70px;}
.gyyc-msg li{}
.gyyc-msg li h1{font-size: 16px;color: #999999;font-weight: normal;}
.gyyc-msg li p{display: flex;align-items: center;padding-top: 10px;}
.gyyc-msg li p span{font-size: 36px;color: #16161b;font-family: "Microsoft YaHei"}
.gyyc-msg li p i{font-size: 14px;color: #fff;width: 30px;height: 30px;line-height: 30px;border-radius: 50%;background: #1f5837;text-align: center;font-weight: bold;margin-left: 5px;}


/*---------------------------------详情--------------------------------*/
.xqde{padding: 60px 0;}
.xqdebox{}
.xqdebox-l{float: left;}
.xqdebox-r{overflow: hidden;padding-left: 7vw;}
.xqde-tit{padding: 20px 0;}
.xqde-tit h1{font-size: 30px;color: #16161b;margin-bottom: 20px;}
.xqde-tit p{font-size: 16px;color: #2f388f}
.xqde-info{font-size: 16px;line-height: 36px;color: #16161b;padding-top: 50px;border-top:1px solid #dddddd}

.xqde-links{margin-top: 90px;display: flex;align-items: center;position: relative;border-top: 1px solid #dddddd;}
.xqde-links:after{content: "";display: block;width: 1px;height: 60%;position: absolute;left: 50%;top: 20%;background: #ddd}
.xqde-links a{width: 48%;display: block;padding: 30px 0;}
.xqde-links a:last-child{text-align: right;}
.xqde-links p{font-size: 16px;color: #16161b;padding-bottom: 15px;}
.xqde-links h1{font-size: 20px;color: #16161b;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: .5s;}
.xqde-links a:hover h1{color: #2f388f}

/*---------------------------------资质荣誉--------------------------------*/

.zizhi{padding: 60px 0;}
.zizhi-top{display: flex;justify-content: space-between;}
.zizhi-top-l{width: 50%;}
.zizhi-top-l .zizhi-tips{margin-top: 70px;}
.zizhi-tips{font-size: 24px;color: #16161b;}
.zizhi-tips span{position: relative;}
.zizhi-tips span:after{content: "";width: 100%;height: 30%;position: absolute;left: 0;bottom: 0;background: #d4d7cc;z-index: -1;}
.zizhi-info{font-size: 26px;color: #16161b;font-weight: bold;line-height: 46px;padding-top: 70px;}
.zizhi-info span{display: block;}
.zizhi-msg{font-size: 18px;color: #16161b;padding-top: 60px;}

.zizhi-top-r{width: 50%;}
.zizhi-swt{display: flex;align-items: center;justify-content: space-between;border: 1px solid #d4d7cc;padding: 20px;box-sizing: border-box}
.zizhi-pre,.zizhi-nex{width: 60px;height: 60px;line-height: 60px; border-radius: 50%;font-size: 25px;border: 1px solid #d6d9ce;text-align: center;color: #d6d9ce;cursor: pointer;transition: .5s;}
.zizhi-pre:hover,.zizhi-nex:hover{color: #2f388f;border-color: #2f388f}
.swiper-big{overflow: hidden;width: 320px;height: 430px;}
.swiper-big a{display: flex;align-items: center;justify-content: center;overflow: hidden;padding: 20px;box-sizing: border-box;height: 100%;}
.swiper-big a img{display: block;max-height: 100%;transition: .5s;}
.swiper-big a:hover img{transform: scale(1.05)}
.swiper-small{overflow: hidden;padding-top: 10px;}
.swiper-small .swiper-slide{display: flex;align-items: center;height: 130px;justify-content: center;padding: 10px;box-sizing: border-box;background: #f5f5f5;cursor: pointer;}
.swiper-small .swiper-slide-active{background: #ababab}
.swiper-small .swiper-slide img{display: block;max-height: 100%;transition: .5s;}
.swiper-small .swiper-slide:hover img{transform: scale(1.05)}

.zizhi-bot{padding-top: 80px;}
.zizhi-bot-b{padding-top: 60px;}
.zizhi-bot-b ul{}
.zizhi-bot-b li{float: left;width: 23.5%;margin-right: 2%;margin-bottom: 40px;}
.zizhi-bot-b li a{display: flex;height: 250px;align-items: center;justify-content: center;padding: 20px;box-sizing: border-box;border: 1px solid #cccccc;background: #f5f5f5}
.zizhi-bot-b li img{display: block;max-height: 100%;transition: .5s;}
.zizhi-bot-b li:hover img{transform: scale(1.05)}
.zizhi-bot-b li:nth-child(4n){margin-right: 0;}
.zizhimore{text-align: center;padding-top: 20px;}
.zizhimore a{border: 1px solid #d4d7cc;padding: 10px 30px;display: inline-block;font-size: 22px;color: #16161b;transition: .5s;border-radius: 5px}
.zizhimore i{font-size: 26px;font-weight: bold;}

.zizhimore a:hover{color: #2f388f;border-color: #2f388f;transform: translateY(-5px)}

/*---------------------------------友诚动态--------------------------------*/
.ycdt{padding: 80px 0;background: url("../images/ycdtbox.jpg") no-repeat top;background-size: 100% auto;min-height: 41vw;}
.ycdtbox{display: flex;justify-content: space-between;}
.ycdt-l{width: 30%;}
.ycdt-l .tytit h1{color: #fff}
.ycdt-l .tytit p{color: #fff}
.ycdt-r{width: 50%;padding: 40px 0;}
.ycdt-r dl a{display: block;padding: 40px 0;}

.ycdt-r dl h1{color: #16161b;transition: .5s;}
.ycdt-r dl p{color: #16161b;margin-top: 20px;font-size: 16px;}
.ycdt-r dl a:hover h1{color: #2f388f}
.ycdt-r dl dt{border-bottom: 1px solid #dddddd}
.ycdt-r dl dt h3{font-weight: normal;font-size: 48px;font-family: "Microsoft YaHei";padding-bottom: 35px;}
.ycdt-r dl dt h3 span{color: #2f388f;}
.ycdt-r dl dt h3 i{color: #eeeeee}
.ycdt-r dl dt h1{font-size: 36px;}
.ycdt-r dl dd{border-bottom: 1px solid #dddddd;}
.ycdt-r dl dd h1{font-size: 22px;}
.ycdt-r dl dd span{font-size: 14px;color: #d4d7cc;display: block;margin-top: 20px;}
.fenye{padding-top: 30px;}
.fenye span,.fenye a{display: inline-block;width: 40px;line-height: 40px;border: 1px solid #eeeeee;font-size: 16px;color: #999999;font-family: "Microsoft YaHei";text-align: center;transition: .5s;margin-bottom: 4px;}
.fenye span{border-color: #cccccc;color: #16161b;}
.fenye a:hover{border-color: #cccccc;color: #16161b;}

/*---------------------------------厂区风貌--------------------------------*/
.b2{background-attachment:fixed;padding: 100px 0;}
.cqfmbox{display: flex;padding-top: 60px;justify-content: space-between;}
.cqfm-l{}
.cqfm-l-t .tytit h1{color: #fff}
.cqfm-l-t .tytit p{color: #fff}
.cqfm-l-b{padding-top: 60px;}
.cqfm-l-b li{padding-top: 60px;}
.cqfm-l-b li h1{font-size: 22px;color: #fff}
.cqfm-l-b li p{padding: 25px 0;font-size: 14px;line-height: 26px;color: #fff;}

.cqfm-r{width: 70%;}
.cqfm-r a{display: block;}
.cqfm-r-pic{border: 2px solid #fff;overflow: hidden;box-sizing: border-box}
.cqfm-r-mg{background: no-repeat center;background-size: cover;height: 100%;transition: .5s;}
.cqfm-r-pic:hover .cqfm-r-mg{transform: scale(1.05)}
.cqfm-r a p{font-size: 16px;color: #fff;line-height: 50px;}
.cqfm-r-t{display: flex;justify-content: space-between;}
.cqfm-r-t-l{width: 65%;}
.cqfm-r-t-l .cqfm-r-pic{height: 480px;}

.cqfm-r-t-r{width: 30%;display: flex;flex-direction: column;justify-content: space-between;}
.cqfm-r-t-r .cqfm-r-pic{height: 215px;}
.cqfm-r-b{}
.cqfm-r-b ul{display: flex;flex-wrap: wrap;}
.cqfm-r-b li{width: 30%;margin-right: 5%;}
.cqfm-r-b li:nth-child(3n){margin-right: 0;}
.cqfm-r-b li .cqfm-r-pic{height: 215px;}

/*---------------------------------联系我们--------------------------------*/
.b3{padding: 65px 0;}
.b3 .tytit{padding-top: 240px;}
.b3 .tytit h1{color: #fff}
.b3 .tytit p{color: #fff}

.lxwmbox{padding: 70px 0;}
.lxwmbox .wcont{position: relative;}

.lxwm-l{width: 800px;}
.lxwm-t{font-size: 36px;color: #16161b;padding: 30px 0;border-bottom: 1px solid #d4d7cc}
.lxwm-c{}
.lxwm-c ul{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 20px 0;}
.lxwm-c li{padding: 15px 0;}
.lxwm-c li:nth-child(odd){width: 50%;}
.lxwm-c li p{display: flex;align-items: center;margin-bottom: 15px;}
.lxwm-c li p i{font-size: 16px;color: #2f388f;padding-left: 5px;}
.lxwm-c li span{display: block;font-size: 20px;color: #16161b}
.lxwm-b{font-size: 16px;color: #16161b;padding: 30px 0;border-top:1px solid  #d4d7cc}

.lxwmjmly{position: absolute;top: -210px;right: 0;width: 400px;}
.lxwmjmly-img{height: 300px;background: no-repeat center;background-size: cover}
.lxwmjmly-info{padding: 30px;box-sizing: border-box;background: url("../images/wenli.jpg") no-repeat center;background-size:cover;border:1px solid #d4d7cc;border-top:none;box-shadow: 0 5px 5px rgba(0,0,0,.05)}
.lxwmjmly-info h1{font-size: 24px;color: #16161b;font-weight: normal;}
.lxwmjmly-info ul{padding-top: 20px;}
.lxwmjmly-info li{font-size: 16px;line-height: 30px;color: #16161b}

/*---------------------------------产品展示--------------------------------*/

.cpzs-t{display: flex;justify-content: space-between;padding-top: 30px;}
.cpzs-t .tytit h1{color: #fff}
.cpzs-t .tytit p{color: #fff}
.cpzs-t ul{}
.cpzs-t ul{display: flex;}
.cpzs-t ul li{width: 20px;margin-right:5vw;font-size: 20px;font-weight: bold;}
.cpzs-t ul li:last-child{margin-right: 0;}
.cpzs-t ul li a{position: relative;color: #d4d7cc;display: block;line-height: 1;transition: .3s;}
.cpzs-t ul li a i{position: relative;z-index: 3;}
.cpzs-t ul li a:after{content: "";width: 30%;height: 100%;background: #2f388f;position: absolute;top: 0;left: 100%;opacity: 0;transition: .3s;}
.cpzs-t ul li a:hover{color: #fff}
.cpzs-t ul li a:hover:after{left: 0;opacity: 1;}

.cpzs-b{padding-top: 100px;}
.cpzs-b ul{display: flex;flex-wrap: wrap}
.cpzs-b li{width: 21.25%;margin-right: 5%;margin-bottom: 40px;}
.cpzs-b li:nth-child(4n){margin-right: 0;}
.cpzs-b li a{display: block;}
.cpzs-pic{height: 450px;display: flex;justify-content: center;align-items: center;overflow: hidden;background: #f5f5f5;}
.cpzs-pic img{display: block;width: 100%;transition: .5s;}
.cpzs-b li:hover .cpzs-pic img{transform: scale(1.05)}
.cpzs-info{background: #fff;padding: 20px;box-sizing: border-box}
.cpzs-info h1{font-size: 20px;color: #16161b;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cpzs-info p{display: flex;justify-content: space-between;align-items: center;color: #2f388f;padding-top: 5px;}
.cpzs-info p span{font-size: 16px;}
.cpzs-info p i{font-size: 20px;}

.cpzs-more{text-align: center;padding-top: 30px;}
.cpzs-more a{display: inline-block;padding: 10px 30px;background: #fff;border-radius: 5px;font-size: 18px;color: #16161b;transition: .5s;}
.cpzs-more a:hover{transform: translateY(-5px);color: #2f388f}

.cpzs-bottips{text-align: center;font-size: 16px;color: #16161b;padding: 45px 0;background: #d4d7cc}

.newsc { float:left; width:49%; float:left; height:30px; line-height:30px; font-size:16px; text-align:left; color:#000; margin-left:0.5%; margin-right:0.5%; border-bottom:1px dotted #ccc;}
.newsc a:link { color:#000}
.newsc a:visited {
	text-decoration: none;color:#000
}
.newsc a:hover {
	text-decoration: none;color:#000
}
.newsc a:active {
	text-decoration: none;color:#000
}

.newsnr { width:440px; height:70px; float:right; line-height:22px; font-size:12px; overflow:hidden;}
.newsc .right { flat:right; }